<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>500</title>
    <style>
        .poabfu{
            position: absolute;
            left: 0px;
            margin: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
        }
        body{
            font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
            background-color: #fff;
        }
        .body{
            background : url("/images/404-back.jpg") no-repeat;
            opacity: 0.17;
        }
        .upside{
            height: 38.2%;
            position: relative;
        }
        .underside{
            height: 61.8%;
            position: relative;
        }
        .upside img{
            margin: 0 auto;
            vertical-align: bottom;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0px;
        }
        .underside h3{
            font-weight: normal;
            text-align: center;
            font-size: 50px;
            letter-spacing: 15px;
            color: #333333;
            text-shadow: 0 1px 1px #fff,0 2px 1px #666;
        }
        .underside h3 span{
            display: inline-block;
            vertical-align: middle;
        }
        .underside p{
            text-align: center;
        }
        .underside p a{
            border-radius: 5px;
            overflow: hidden;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            letter-spacing: 15px;
            font-size: 22px;
            color: #fff;
            width: 182px;
            height: 49px;
            background: url("/images/404-btn.png") no-repeat;
            line-height: 44px;
        }
        .underside p a:hover{
            position: relative;
            bottom: 1px;
            box-shadow: 0 0 10px #666;
        }
        .underside .error{
            width: 82px;
            height: 83px;
            border-radius: 50%;
            background: url("/images/500-icon.png") no-repeat center;
            box-shadow: 0px 8px 13px  #666;
            margin-right: 26px;
        }
    </style>
</head>
<body class="poabfu">
    <div class="body poabfu">

    </div>
    <div class="upside">
        <img src="/images/500.png" width="287px;" height="113px"/>
    </div>
    <div class="underside">
        <h3><span class="error"></span><span>服务器开了个小X</span></h3>
        <p><a href="/jsp/index.jsp">&thinsp;返回主页</a></p>
    </div>
</body>
</html>